{% extends 'contact.html' %}
{% block static %}
    <style>
        .form-control {
            width: 200px;
            height: 38px;
            display: inline-block;
            margin-top: 5px;
        }

        button {
            display: inline-block;
            padding: 6px 12px;
            font-size: 14px;
            line-height: 1.42857143;
            text-align: center;
            cursor: pointer;
            border: 1px solid transparent;
            border-radius: 4px;
            color: #fff;
            background-color: #5bc0de;
        }

        .main {
            width: 1000px;
            margin: 0px auto;
        }

        #step {
            margin-bottom: 60px;
        }

        .btns {
            float: left;
        }

        .info {
            float: left;
            height: 34px;
            line-height: 34px;
            margin-left: 40px;
            font-size: 28px;
            font-weight: bold;
            color: #928787;
        }

        .info span {
            color: red;
        }
    </style>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" type="text/css" href="{% static 'css/jquery.step.css' %}"/>
    <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <script src="{% static 'js/jquery.step.min.js' %}"></script>
{% endblock %}
{% block body %}
    <div style="width: 100%">
        <div style="width: 50%;height: 50%;margin: 20px auto;">
            <p class="text-info" style="font-size: 30px;text-align: center">欢迎最强王者入场，在这里你拥有至高无上的权力</p>
        </div>
        <div style="width:28%;margin: 10px auto">
            <span>创建文件夹&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
            <input type="text" class="form-control" placeholder="请输入文件夹名字"
                   id="input1">
            <button type="button" class="layui-btn layui-btn-normal layui-btn-radius save" style="margin-left: 20px">保存
            </button>
        </div>
    </div>

    <div style="width:1399px;margin: 0 auto;margin-top: 2%">
        <div class="demoTable">
            搜索文件：
            <div class="layui-inline">
                <input class="layui-input" name="id" id="demoReload" autocomplete="off" placeholder="请输入文件名">
            </div>
            <button class="layui-btn" data-type="reload" style="background-color: #193e3a;">搜索</button>
        </div>
        <table class="layui-hide" id="test" lay-filter="test"></table>

        <script type="text/html" id="toolbarDemo">
            <div class="layui-btn-container">
                <button class="layui-btn layui-btn-sm" lay-event="lockProject"
                        style="width: 130px;background-color: #ff7b86;height: 40px;
    font-size: 14px;">锁定整个项目文件
                </button>
                <button class="layui-btn layui-btn-sm" lay-event="unlockProject" style="width: 130px;height: 40px;
                font-size: 14px;">解锁整个项目文件
                </button>
                <button class="layui-btn layui-btn-sm" lay-event="lockfile"
                        style="width: 130px;background-color: #ff89c1;height: 40px;
    font-size: 14px;">锁定文件
                </button>
                <button class="layui-btn layui-btn-sm" lay-event="unlockfile" style="width: 130px;height: 40px;
    font-size: 14px;">解锁文件
                </button>
            </div>
        </script>
        <script type="text/html" id="barDemo">
            <a class="layui-btn layui-btn-xs" lay-event="edit" style="width: 100px;font-size: 15px;
    background-color: #fae345;">重命名文件夹</a>
            <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del" style="    width: 100px;
    font-size: 15px;
    background-color: #60ff91;">删除文件夹</a>
            <a class="layui-btn layui-btn-xs" lay-event="edit_file" style="width: 100px;font-size: 15px;
    background-color: antiquewhite;">重命名文件</a>
            <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del_file" style="    width: 100px;
    font-size: 15px;
    background-color: #32ebff;">删除文件</a>
        </script>
        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
            <legend>单个文件权限管理</legend>
        </fieldset>
        <div style="width: 611px;margin: 0 auto">
            <form class="layui-form" action="">
                <div class="layui-form-item">
                    <label class="layui-form-label" style="width: 115px;">联动选择框</label>
                    <div class="layui-input-inline">
                        <select name="no" id="no" lay-filter="no" lay-search="">
                            <option value="">请选择文件夹</option>
                            {% for file_datum in file %}
                                <option value="{{ file_datum }}">{{ file_datum }}</option>
                            {% endfor %}
                        </select>
                    </div>
                    <div class="layui-input-inline" id="select2">
                        <select name="quiz2" id="quiz2" lay-filter="quiz2" lay-search="">
                            <option value="">请选择文件</option>

                        </select>
                    </div>
                    <div class="layui-form-mid layui-word-aux">请选择文件<i class="layui-icon layui-icon-file-b
"></i>
                    </div>
                </div>
            </form>
        </div>
        <div style="width: 476px;margin: 0 auto;margin-bottom: 3%">
            <div style="">
                <div class="layui-btn-container" style="margin: 0 auto">
                    <button type="button" id="setDownload" class="layui-btn "
                            lay-demotransferactive="getDownload">修改单个文件权限
                    </button>
                    <button type="button" id="setDownload" class="layui-btn "
                            lay-demotransferactive="upadte_all_file_check" style="float: right;background:#9a2568;">
                        修改整个文件夹权限
                    </button>
                </div>
                <div style="margin-bottom: 5%">
                    <div id="transfer2"></div>
                </div>

            </div>
        </div>


        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
            <legend>添加管理员</legend>
        </fieldset>

        <div class="main">
            <div id="step"></div>
            <div class="btns">
                {#                                <button id="prevBtn">上一步</button>#}
                <button id="nextBtn">发送邮件</button>
                {#                                <button id="btn1">跳到第二步</button>#}
                {#                                <button id="btn2">跳到第三步</button>#}
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">验证码</label>
                <div class="layui-input-block">
                    <input type="text" name="title" id="email_code" lay-verify="title" autocomplete="off"
                           placeholder="请输入邮箱验证码"
                           class="layui-input">
                </div>
            </div>
            <div style="">
                <div class="layui-btn-container" style="margin: 0 auto">
                    <button type="button" id="setData" class="layui-btn layui-btn-disabled"
                            lay-demotransferactive="setData">添加管理员
                    </button>
                    <button type="button" id="delData" class="layui-btn layui-btn-disabled"
                            lay-demotransferactive="delData">删除管理员
                    </button>
                </div>
                <div style="margin-bottom: 5%">
                    <div id="transfer1"></div>
                </div>

            </div>
        </div>
    </div>
    <script>
        // 返回顶部
        layui.use(['util', 'laydate', 'layer'], function () {
            var util = layui.util
                , laydate = layui.laydate
                , layer = layui.layer;
            //固定块
            util.fixbar({
                css: {right: 50, bottom: 100}
                , bgcolor: '#393D49'
                , click: function (type) {
                    console.log(type);
                    if (type === 'top') {
                        layer.msg('返回顶部')
                    }
                }
            });
        });
    </script>


    <script>
        {#  文件权限管理   #}
        layui.use(['form', 'transfer', 'util'], function () {
            var transfer2 = layui.transfer;
            let util = layui.util;
            let form = layui.form;
            transfer2.render({
                elem: '#transfer2',  //绑定元素
                title: ['无权限', '有权限'],
                showSearch: true, //开启搜索框
                id: 'demo2', //定义索引
                text: {
                    none: '无数据', //没有数据时的文案
                    searchNone: '无匹配数据' //搜索无匹配数据时的文案
                },
                onchange:
                // 修改穿梭框触发
                    function (obj, index) {
                        var arr = ['左边', '右边'];
                        //layer.alert('来自 <strong>' + arr[index] + '</strong> 的数据：' + JSON.stringify(obj)); //获得被穿梭时的数据
                        //if (index == 0) {
                        {#layer.alert()#}

                        //} else if (index == 1) {
                        //}
                    }
            });

            //批量办法定事件
            util.event('lay-demoTransferActive', {
                getDownload: function (othis) {
                    let select2_index = $('#transfer2>div>div:eq(2)>ul li').length;
                    let add_name = {};
                    for (let i = 0; i <= select2_index - 1; i++) {
                        let right_check = $('#transfer2>div>div:eq(2)>ul li:eq(' + i + ')').text();
                        add_name['user' + i] = right_check
                    }
                    let file_name = $("#quiz2").val();//获得选中的option的值
                    add_name['file_name'] = file_name;
                    //向服务发送数据
                    $.ajax({
                        url: "{% url 'myadmin:transfer_box_add_user' %}",//路径
                        type: "GET", //提交方式
                        data: add_name,
                        success: function (result) {//返回数据根据结果进行相应的处理
                            if (result.code == 200) {
                                layer.alert('修改权限成功');
                            } else {
                                layer.alert(result.message)
                            }
                        },
                        error: function (error) {
                            layer.msg("500，请稍后尝试")
                        }
                    });
                },
                upadte_all_file_check: function () {
                    let nos = $("#no").val();//获得选中的option的值
                    console.log(nos);
                    if (nos == '') {
                        layer.alert('小主，请先选择文件夹');
                    } else {
                        let select2_index = $('#transfer2>div>div:eq(2)>ul li').length;
                        let add_all_name = {};
                        for (let i = 0; i <= select2_index - 1; i++) {
                            let right_check = $('#transfer2>div>div:eq(2)>ul li:eq(' + i + ')').text();
                            add_all_name['user' + i] = right_check
                        }
                        add_all_name['file_name'] = nos;
                        //向服务发送数据
                        $.ajax({
                            url: "{% url 'myadmin:transfer_box_add_file_user' %}",//路径
                            type: "GET", //提交方式
                            data: add_all_name,
                            success: function (result) {//返回数据根据结果进行相应的处理
                                if (result.code == 200) {
                                    layer.alert(nos + '文件夹，修改权限成功');
                                } else {
                                    layer.alert(result.message)
                                }
                            },
                            error: function (error) {
                                layer.msg("500，请稍后尝试")
                            }
                        });
                    }
                }
            });

            //监听一级联动框发送数据给后台改动态渲染数据
            form.on('select(no)', function (data) { //no是那个lay-filter的值
                let nos = $("#no").val();//获得选中的option的值
                //向服务发送数据
                $.ajax({
                    url: "{% url 'myadmin:select_frame' %}",//路径
                    type: "GET", //提交方式
                    data: {"nos": nos},
                    success: function (result) {//返回数据根据结果进行相应的处理
                        if (result.code == 200) {
                            let data = result.data;
                            let select_option = '';
                            for (file_url in data) {
                                if (result.data[file_url] != '') {
                                    select_option += '<option value="">请选择文件</option>';
                                    for (file_index in result.data[file_url]) {
                                        select_option += '<option>' +
                                            result.data[file_url][file_index]['default_file_name'] +
                                            '</option>'
                                    }
                                }
                                $('#quiz2').html(select_option);
                            }
                            form.render('select');//最后记得重载渲染
                        }
                    },
                    error: function (error) {
                        layer.msg("500，请稍后尝试")
                    }
                });
            });
            //监听文件下拉框动态渲染穿俊框
            form.on('select(quiz2)', function (data) {
                if (data.value) {
                    //var update_files_permissions = data.value;//得到被选中的值;
                    //向服务发送数据
                    $.ajax({
                        url: "{% url 'myadmin:user_file_permissions' %}",//路径
                        type: "GET", //提交方式
                        data: {"user_file": data.value},
                        success: function (result) {//返回数据根据结果进行相应的处理
                            if (result.code == 200) {
                                layer.msg(result.message);
                                $('#transfer2>div>div:first>ul li').remove();
                                if (result.leftCheck == '') {
                                    $('#transfer2>div>div:first>ul').html('<p class="layui-none">无数据</p>')
                                } else {
                                    let left_check_li = '';
                                    for (i in result.leftCheck) {
                                        left_check_li += '<li>' +
                                            '<input type="checkbox" name="layTransferRightCheck" lay-skin="primary" lay-filter="layTransferCheckbox" title=' + result.leftCheck[i] + ' value="12">' +

                                            '<div class="layui-unselect layui-form-checkbox" lay-skin="primary"><span>' + result.leftCheck[i] + '</span>' +
                                            '<i class="layui-icon layui-icon-ok"></i></div>' +
                                            '</li>';
                                    }
                                    $('#transfer2>div>div:first>ul').html(left_check_li)
                                }
                                if (result.rightCheck == '') {
                                    $('#transfer2>div>div:eq(2)>ul').html('<p class="layui-none">无数据</p>')
                                } else {
                                    let right_check_li = '';
                                    for (i in result.rightCheck) {
                                        right_check_li += '<li>' +
                                            '<input type="checkbox" name="layTransferRightCheck" lay-skin="primary" lay-filter="layTransferCheckbox" title=' + result.rightCheck[i] + ' value="12">' +

                                            '<div class="layui-unselect layui-form-checkbox" lay-skin="primary"><span>' + result.rightCheck[i] + '</span>' +
                                            '<i class="layui-icon layui-icon-ok"></i></div>' +
                                            '</li>';
                                    }
                                    $('#transfer2>div>div:eq(2)>ul').html(right_check_li)
                                }
                            }
                        },
                        error: function (error) {
                            layer.msg("500，请稍后尝试")
                        }
                    });
                }
            });
        });
    </script>
    <script>
        {#  创建文件夹  #}
        $('.save').click(function () {
            let create_file = $('#input1').val();
            //向服务发送数据
            $.ajax({
                url: "{% url 'myadmin:create_file' %}",//路径
                type: "GET", //提交方式
                data: {"create_file": create_file},
                success: function (result) {//返回数据根据结果进行相应的处理
                    if (result.code == 400) {
                        layer.msg(result.message);
                    } else if (result.code == 200) {
                        layer.msg(result.message);
                        $('#input1').val('')
                    }
                },
                error: function (error) {
                    layer.msg("500，请稍后尝试")
                }
            });
        });
    </script>
    <script>
        //定义一个函数
        function sleep() {
            window.location.reload();
        }

        {# 数据表格 #}
        layui.use('table', function () {
            var table = layui.table
                , form = layui.form;

            table.render({
                title: '文件表'  //定义 table 的大标题（在文件导出等地方会用到）
                , text: {
                    none: '暂无相关数据' //默认：无数据。注：该属性为 layui 2.2.5 开始新增
                }
                , elem: '#test'
                , url: '{% url "myadmin:check_file_data" %}'//数据接口
                , toolbar: '#toolbarDemo'
                , totalRow: true //是否开启合计行区域。
                , loading: true //是否开始加载条
                {#,even: true //开启隔行背景#}
                , page: true //分页
                , limits: [5, 10, 20, 30, 40, 50]
                , id: 'testReload'
                , cols: [[
                    {type: 'radio'}
                    , {field: 'file_url', width: 240, title: '文件夹名'}
                    , {field: 'default_file_name', width: 240, title: '文件名'}
                    , {
                        field: 'download_check', width: 145, title: '下载权限', align: 'center', templet: function (d) {
                            //修改单元格格式判断
                            if (d.download_check == '有权限')
                                return '<input type="checkbox" class="layui-btn-disabled" disabled checked="" name="open" lay-skin="switch" lay-text="有权限|无权限">';
                            else
                                return '<input type="checkbox"  class="layui-btn-disabled" disabled name="close" lay-skin="switch" lay-text="有权限|无权限">'
                        }
                    }
                    , {field: 'create_time', width: 200, title: '创建时间', sort: true, align: 'center'}
                    , {fixed: 'right', title: '操作', toolbar: '#barDemo', width: 518, align: 'right'}
                    {#, {field: 'lock', title: '是否锁定', width: 110, templet: '#checkboxTpl', unresize: true}#}
                ]]

            });

            //头工具栏事件
            table.on('toolbar(test)', function (obj) {
                var checkStatus = table.checkStatus(obj.config.id); //获取选中行状态
                switch (obj.event) {
                    case 'lockProject':
                        let data = checkStatus.data;  //获取选中行数据
                        //var data1 = table.cache.test; //获取所有数据
                        //console.log(data1)
                        if (data == '') {
                            xtalert.alertErrorToast("小主！请先选择数据才能锁定！")
                        } else if (data) {
                            {#layer.alert(JSON.stringify(data));#}
                            let file_url = (data[0]['file_url']);

                            //向服务发送数据
                            $.ajax({
                                url: "{% url 'myadmin:Lock_Download_File' %}",//路径
                                type: "GET", //提交方式
                                data: {"file_url": file_url},
                                success: function (result) {//返回数据根据结果进行相应的处理
                                    if (result.code == 200) {
                                        layer.msg(file_url + "文件夹已锁定");
                                        setTimeout(sleep, 1500);
                                    }
                                },
                                error: function (error) {
                                    layer.msg("500，请稍后尝试")
                                }
                            });
                            break;
                        }
                    case 'unlockProject':
                        var data2 = checkStatus.data;
                        if (data2 == '') {
                            layer.msg('小主。请先选择数据才能解锁！')
                        } else if (data2) {
                            let file_url = (data2[0]['file_url']);
                            //向服务发送数据
                            $.ajax({
                                url: "{% url 'myadmin:Unlock_Download_File' %}",//路径
                                type: "GET", //提交方式
                                data: {"file_url": file_url},
                                success: function (result) {//返回数据根据结果进行相应的处理
                                    if (result.code == 200) {
                                        layer.msg(file_url + "文件夹已解锁");
                                        setTimeout(sleep, 1500);
                                    }
                                },
                                error: function (error) {
                                    layer.msg("500，请稍后尝试")
                                }
                            });
                            //layer.msg('选中了：' + data.length + ' 个');
                            break;
                        }
                    case 'lockfile':
                        let data3 = checkStatus.data;  //获取选中行数据
                        //var data1 = table.cache.test; //获取所有数据

                        if (data3 == '') {
                            xtalert.alertErrorToast("小主！请先选择数据才能锁定！")
                        } else if (data3) {
                            {#layer.alert(JSON.stringify(data));#}
                            let default_file_name = (data3[0]['default_file_name']);

                            //向服务发送数据
                            $.ajax({
                                url: "{% url 'myadmin:lock_File' %}",//路径
                                type: "GET", //提交方式
                                data: {"default_file_name": default_file_name},
                                success: function (result) {//返回数据根据结果进行相应的处理
                                    if (result.code == 200) {
                                        layer.msg(default_file_name + "文件已锁定");
                                        setTimeout(sleep, 1500);
                                    }
                                },
                                error: function (error) {
                                    layer.msg("500，请稍后尝试")
                                }
                            });
                            break;
                        }
                    case 'unlockfile':
                        var data4 = checkStatus.data;
                        if (data4 == '') {
                            layer.msg('小主。请先选择数据才能解锁！')
                        } else if (data4) {
                            let default_file_name = (data4[0]['default_file_name']);
                            //向服务发送数据
                            $.ajax({
                                url: "{% url 'myadmin:Unlock_File' %}",//路径
                                type: "GET", //提交方式
                                data: {"default_file_name": default_file_name},
                                success: function (result) {//返回数据根据结果进行相应的处理
                                    if (result.code == 200) {
                                        layer.msg(default_file_name + "文件已解锁");
                                        setTimeout(sleep, 1500);
                                    }
                                },
                                error: function (error) {
                                    layer.msg("500，请稍后尝试")
                                }
                            });
                            //layer.msg('选中了：' + data.length + ' 个');
                            break;
                        }
                }
            });
            //监听行工具事件
            table.on('tool(test)', function (obj) {
                var data = obj.data; //获取当前行数据
                var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
                var tr = obj.tr; //获得当前行 tr 的 DOM 对象（如果有的话）


                if (obj.event === 'del') { //删除操作
                    layer.confirm('小主，真的删除' + data.file_url + '文件夹嘛？', function (index) {
                        obj.del(); // layun 表格行删除
                        layer.close(index);
                        //向服务发送数据
                        $.ajax({
                            url: "{% url 'myadmin:File_Delete' %}",//路径
                            type: "GET", //提交方式
                            data: {"file_name": data.file_url},
                            success: function (result) {//返回数据根据结果进行相应的处理
                                layer.msg('删除' + data.file_url + '文件夹成功');
                                setTimeout(sleep, 1300);
                            },
                            error: function (error) {
                                layer.msg("500，请稍后尝试")
                            }
                        });
                    });
                } else if (obj.event === 'edit') { //编辑操作
                    layer.prompt({
                        formType: 2
                        , value: data.file_url
                    }, function (value, index) {
                        obj.update({
                            file_url: value
                        });
                        layer.close(index);

                        //向服务发送数据
                        $.ajax({
                            url: "{% url 'myadmin:Update_File_Name' %}",//路径
                            type: "GET", //提交方式
                            data: {"file_name": data.file_url, 'new_file_name': value},
                            success: function (result) {//返回数据根据结果进行相应的处理
                                layer.msg('重命名' + data.file_url + '文件夹成功')
                            },
                            error: function (error) {
                                layer.msg("500，请稍后尝试")
                            }
                        });
                    });
                } else if (obj.event === 'edit_file') {
                    layer.prompt({
                        formType: 2
                        , value: data.default_file_name
                    }, function (value, index) {
                        obj.update({
                            default_file_name: value
                        });
                        layer.close(index);

                        //向服务发送数据
                        $.ajax({
                            url: "{% url 'myadmin:Update_Name' %}",//路径
                            type: "GET", //提交方式
                            data: {"name": data.default_file_name, 'new_name': value, 'file_name': data.file_url},
                            success: function (result) {//返回数据根据结果进行相应的处理
                                layer.msg('重命名' + data.default_file_name + '文件成功')
                            },
                            error: function (error) {
                                layer.msg("500，请稍后尝试")
                            }
                        });
                    });
                } else if (obj.event === 'del_file') {
                    layer.confirm('小主，真的删除' + data.default_file_name + '文件嘛？', function (index) {
                        obj.del(); // layun 表格行删除
                        layer.close(index);
                        //向服务发送数据
                        $.ajax({
                            url: "{% url 'myadmin:File_One_Delete' %}",//路径
                            type: "GET", //提交方式
                            data: {"file_name": data.file_url, 'file': data.default_file_name},
                            success: function (result) {//返回数据根据结果进行相应的处理
                                layer.msg('删除' + data.default_file_name + '成功')
                            },
                            error: function (error) {
                                layer.msg("500，请稍后尝试")
                            }
                        });
                    });
                }
            });
            // 搜索
            var $ = layui.$, active = {
                reload: function () {
                    var demoReload = $('#demoReload');
                    if (demoReload.val() == '') {
                        layer.msg('搜索条件为空！')
                    } else {
                        //执行重载
                        table.reload('testReload', {
                            page: {
                                curr: 1 //重新从第 1 页开始
                            }
                            , where: {
                                file_name: demoReload.val()
                            }
                        }, 'data');
                    }

                }
            };
            $('.demoTable .layui-btn').on('click', function () {
                var type = $(this).data('type');
                active[type] ? active[type].call(this) : '';
            });

        });
    </script>
    <script>
        {#  添加管理员穿俊框   #}
        layui.use(['transfer', 'util'], function () {
            var transfer = layui.transfer;
            util = layui.util;
            //表格配置文件
            var tabConfig = {'page': true, 'limits': [10, 50, 100], 'height': 400};
            //渲染
            $.get('{% url "myadmin:load_super_permissions" %}', function (result) {

                transfer.render({
                    elem: '#transfer1',  //绑定元素
                    title: ['普通用户', '管理员'],
                    showSearch: true, //开启搜索框
                    data: result['user'],
                    parseData: function (res) {
                        return {
                            "value": res.id //数据值
                            , "title": res.username //数据标题
                            , "disabled": res.disabled  //是否禁用
                            , "checked": '' //是否选中
                        }
                    },
                    id: 'demo1', //定义索引
                    tabConfig: tabConfig, //表格配置项 支持layui数据表格所有配置
                    value: result['check_user'],
                    onchange:
                    // 修改穿梭框触发
                        function (obj, index) {
                            var arr = ['左边', '右边'];
                            {#layer.alert('来自 <strong>' + arr[index] + '</strong> 的数据：' + JSON.stringify(obj)); //获得被穿梭时的数据#}
                            if (index == 0) {
                                $step.toStep(2);
                                $index.text($step.getIndex());
                            } else if (index == 1) {
                                $step.toStep(2);
                                $index.text($step.getIndex());
                            }
                        }
                });
            }, 'json');
            //批量办法定事件
            util.event('lay-demoTransferActive', {
                setData: function (othis) {
                    if ($("#setData").hasClass('layui-btn-disabled')) {
                        xtalert.alertError('抱歉，请先发送邮箱验证')
                    } else {
                        var getData = transfer.getData('demo1'); //获取右侧数据
                        let dict_Name = {};
                        for (i in getData) {
                            dict_Name['user' + i] = getData[i]['title']
                        }
                        // 获取邮箱验证码
                        let email_code = $('#email_code').val();
                        if (email_code == '') {
                            layer.msg('请输入邮箱验证码')
                        } else {
                            dict_Name['email_code'] = email_code;
                            //服务器发送数据添加管理员
                            $.ajax({
                                url: "{% url 'myadmin:update_super_permissions' %}",//路径
                                type: "GET", //提交方式
                                data: dict_Name,
                                success: function (result) {//返回数据根据结果进行相应的处理
                                    layer.msg(result.message);
                                    $step.toStep(3);
                                    $index.text($step.getIndex());
                                    setTimeout(sleep, 1500)
                                },
                                error: function (error) {
                                    layer.msg("500，请稍后尝试")
                                }
                            });
                        }
                    }
                },
                delData: function () {
                    if ($("#delData").hasClass('layui-btn-disabled')) {
                        xtalert.alertError('抱歉，请先发送邮箱验证')
                    } else {
                        let res = $('#transfer1>div>div:first>ul li>div>span').length;
                        var del_name = {};
                        for (let i = 0; i <= res - 1; i++) {
                            let super_user = $('#transfer1>div>div:first>ul li:eq(' + i + ')>div>span').text();
                            del_name['user' + i] = super_user;
                        }
                        // 获取邮箱验证码
                        let email_code = $('#email_code').val();
                        if (email_code == '') {
                            layer.msg('请输入邮箱验证码')
                        } else {
                            del_name['email_code'] = email_code;
                            //服务器发送数据删除管理员
                            $.ajax({
                                url: "{% url 'myadmin:delete_super_permissions' %}",//路径
                                type: "GET", //提交方式
                                data: del_name,
                                success: function (result) {//返回数据根据结果进行相应的处理
                                    layer.msg(result.message);
                                    $step.toStep(3);
                                    $index.text($step.getIndex());
                                    setTimeout(sleep, 1500)
                                },
                                error: function (error) {
                                    layer.msg("500，请稍后尝试")
                                }
                            });
                        }
                    }
                }
            });
        });
    </script>
    {#  进度步骤  #}
    <script type="text/javascript">
        var $step = $("#step");
        var $index = $("#index");

        $step.step({
            index: 0,
            time: 500,
            title: ["发送邮箱", "邮箱已发送", "待选择管理员", "验证身份成功"]
        });
        $index.text($step.getIndex());

        // 定时器秒数倒计时
        var i = 60;
        var intervalid = '';

        function fun() {
            i--;
            if (i == 0) {
                $('#nextBtn').removeClass('layui-btn-disabled');
                $('#nextBtn').removeAttr('disabled');
                $("#nextBtn").text("重新发送");//显示倒计秒数。
                clearInterval(intervalid);
                i = 60;
            } else {
                $("#nextBtn").text(i + "秒重新获取");//显示倒计秒数。
            }
        }

        $("#nextBtn").on("click", function () {
            $('#nextBtn').attr('disabled', 'true');
            $('#nextBtn').addClass('layui-btn-disabled');
            intervalid = setInterval(fun, 1000);

            $.ajax({
                url: "{% url 'myadmin:send_email' %}",//路径
                type: "GET", //提交方式
                success: function (result) {//返回数据根据结果进行相应的处理
                    layer.msg(result.message);
                    $step.toStep(1);
                    $index.text($step.getIndex());
                    $("#delData").removeClass('layui-btn-disabled');
                    $("#setData").removeClass('layui-btn-disabled')

                },
                error: function (error) {
                    layer.msg("500，请稍后尝试")
                },
                async: true// 是否异步  true为异步  false 同步
            });
        });
    </script>
{% endblock %}